<template>
 <div class="wrapper" ref="wrapper">
     <div class="content">
         <slot></slot>
     </div>
 </div>
</template>

<script>
import BScroll from '@better-scroll/core'
 export default {
   data () {
     return {
         scroll: null
     }
   },
   props:  {
       probeType: {
           type: Number,
           default: 0
       },
       pullUpLoad: {
           type: Boolean,
           default: false
       }
   },
   created() {

   },
   methods: {
       scrllTo(x, y, time=300) {
           this.scroll && this.scroll.scrllTo(x, y, time)
       },
       finishPullUp() {
           this.scroll && this.scroll.finishPullUp()
       },
       refresh() {
           this.scroll && this.scroll.refresh()
       },
       getScrollY() {
           return this.scroll ? this.scroll.y : 0
       }
   },
   mounted () {
       this.scroll = new BScroll(this.$refs.wrapper, {
           probeType: this.probeType,
           click: true,
           pullUpLoad:this.pullUpLoad
       })

       this.scroll.on('scroll', position => {
        //    console.log(position);
        this.$emit('scroll', position)

        this.scroll.refresh()
       })

        if(this,pullUpLoad) {  
       this.scroll.on('pullingUp', () => {
           this.$emit('pullingUp')
        })
      }
       this.scroll.scrllTo(0, 0)
   }
 }
</script>

<style scoped>

 
</style>
